<template>
    <el-row :gutter="20">
        <el-col
                :span="3"
                :offset="0"
                v-for="(item, index) in platfromList"
                :key="index"
        >
            <el-card shadow="hover" >
                <div class="flex flex-col items-center justify-center cursor-pointer">
                    <el-icon :size="22"  >
                        <el-image :src="item.icon" />
                    </el-icon>
                    <span class="text-sm mt-2" style='white-space:nowrap;'>{{ item.name }}</span>
                </div>
            </el-card>
        </el-col>
    </el-row>
</template>
<script setup>
import { getPlatefromAll } from "~/api/platefrom/index"
import {ref,onMounted} from "vue"


const platfromList = ref([])
onMounted(() => {
  // 获取平台信息
  getPlatefromAll({}).then((res) => {
    platfromList.value = res.data
  })
})

</script>

<style scoped>
.el-card{
    border-radius: 10px !important;
}
</style>